<template>
  <div class="box">
    <h1>Child2</h1>
    <button @click="$root.$emit('getCount', 2)">改变child1的值</button>
  </div>
</template>

<script>
export default {
  name: "Child2",
  mounted() {
    /* 
      $root:当前组件树的根 Vue 实例
      我们可以借助这个$root做事件总线类似的传值方式
    */
    console.log(this.$root);
  },
};
</script>

<style scoped>
.box {
  background: yellowgreen;
}
</style>
